<template>
    <swiper :style="{height:height}" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" :circular="circular">
        <block v-for="(item, index) in images" :key="index">
            <swiper-item>
                <image :src="item.url" class="slide-image" mode="aspectFill"/>
            </swiper-item>
        </block>
    </swiper> 
</template>
<script>
export default {
  props: {
    images: {
      type: Array
    },
      height: {
      type: String,
      default:'200px'
    }
  },
  data() {
    return {
      indicatorDots: true,
      autoplay: true,
      interval: 5000,
      duration: 1000,
      circular:true,
    };
  }
};
</script>
<style scoped>

image {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
</style>